import React from 'react';
import { Breadcrumb } from 'antd';

const TopBreadcrumb = ({ data = [] }) => (
  <Breadcrumb style={{ paddingBottom: 12 }}>
    {
      data.map(item => (
        <Breadcrumb.Item key={item.key}>
          <a href="">{item.text}</a>
        </Breadcrumb.Item>
      ))
    }
    {/* <Breadcrumb.Item>Home</Breadcrumb.Item>
      <Breadcrumb.Item>
        <a href="">Application Center</a>
      </Breadcrumb.Item>
      <Breadcrumb.Item>
        <a href="">Application List</a>
      </Breadcrumb.Item>
      <Breadcrumb.Item>An Application</Breadcrumb.Item> */}
  </Breadcrumb>
);

export default TopBreadcrumb;
